//jquery进行页面加载
/**
 * 思路：
 * 1.当滚动到今日推荐显示固定电梯导航
 * 2.滚动到每一个楼层时让固定电梯导航显示对应的分类，加特殊样式
 * 3.当点击固定电梯导航li时，切换相应楼层
 */
$(function(){
	//console.log('over...');
	var recommendTop = $('.recommend').offset().top;
	//页面加载完成以后也应该让电梯导航显示相关位置
	levelNav();
	//还需要一个标志flag
	var flag = true;
	//滚动条触发事件
	$(window).scroll(function(){
		//console.log('scroll...');
		//1.当滚动到今日推荐显示固定电梯导航
		//被document页面卷去的内容
		//console.log($(document).scrollTop());
		//今日推荐距离文档顶部的距离
		//console.log($('.recommend').offset().top);
/* 		if($(document).scrollTop()>=recommendTop){
			$('.fixedtool').fadeIn('slow');
		}else{
			$('.fixedtool').fadeOut('slow');
		} */
		levelNav();
		//获取楼层
		if(flag){
			$.each($('.floor .w'),function(index,eleDom){
				//console.log('楼层Index::'+index);
				//console.log(eleDom);//原生DOM
				//判断是否到哪个楼层了
				if($(document).scrollTop()>=$(eleDom).offset().top){
					//console.log("到哪了");
					//console.log(eleDom);
					//让电梯导航对应索引值的li进行相应变化
					$('.fixedtool li').eq(index).addClass('current').siblings('li').removeClass('current');
				}
			});			
		}
	});
	//电梯导航单独
	function levelNav(){
		if($(document).scrollTop()>=recommendTop){
			$('.fixedtool').fadeIn('slow');
		}else{
			$('.fixedtool').fadeOut('slow');
		}
	}
	//电梯导航点击
	$('.fixedtool li').click(function(){
		flag = false;
		//获取索引
		var index = $(this).index();
		
		var levelTop = $('.floor .w').eq(index).offset().top;
		console.log("顶部::"+levelTop);
		//让所在的楼层固定到距离页面顶部的距离
		$('body,html').stop().animate({
			scrollTop:levelTop
		},600,function(){
			flag = true;//表示动画已终结
		});
		$(this).addClass('current').siblings('li').removeClass('current');
	});
	
});